// Classes to use when triggering in/out animations
$motion-class: (
  in: "ng-enter",
  out: "ng-leave",
);
$motion-class-active: (
  in: "ng-enter-active",
  out: "ng-leave-active",
);
$motion-class-stagger: (
  in: "ng-enter-stagger",
  out: "ng-leave-stagger",
);
$motion-class-showhide: (
  in: "ng-hide-remove",
  out: "ng-hide-add",
);
$motion-class-showhide-active: (
  in: "ng-hide-remove-active",
  out: "ng-hide-add-active",
);

// Set if movement-based transitions should also fade the element in and out
$motion-slide-and-fade: false;
$motion-hinge-and-fade: true;
$motion-scale-and-fade: true;
$motion-spin-and-fade: true;

// Default speed for transitions and animations
$motion-duration-default: 500ms;

// Slow and fast modifiders
$motion-duration-slow: 750ms;
$motion-duration-fast: 250ms;
$motion-stagger-duration-default: 150ms;
$motion-stagger-duration-short: 50ms;
$motion-stagger-duration-long: 300ms;

// Default timing function for transitions and animations
$motion-timing-default: ease;

// Built-in and custom easing functions
// Every item in this map becomes a CSS class
$motion-timings: (
  linear: linear,
  ease: ease,
  easeIn: ease-in,
  easeOut: ease-out,
  easeInOut: ease-in-out,
  bounceIn: cubic-bezier(0.485, 0.155, 0.240, 1.245),
  bounceOut: cubic-bezier(0.485, 0.155, 0.515, 0.845),
  bounceInOut: cubic-bezier(0.760, -0.245, 0.240, 1.245),
);

// Default delay for all transitions and animations
$motion-delay-default: 0;
// Short and long delay modifiers
$motion-delay-short: 300ms;
$motion-delay-long: 700ms; 